<script>
	import Vue from 'vue';
	import {
		mapState
	} from 'vuex';

	export default {

		onLaunch: function() {
			let logout = false;
			let userInfo = uni.getStorageSync('userInfo');
			if (userInfo.Authorization) {
				this.$store.commit('login', userInfo);
			} else {
				logout = true;
			}
		},
		onShow: function() {
			console.log('App Show');
		},
		onHide: function() {
			console.log('App Hide');
		}
	};
</script>

<style lang="scss">
	@import 'uview-ui/index.scss';

	page {
		background-color: $u-bg-color;
		// font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', 'sans-serif';
	}

	image {
		display: block;
		width: 100%;
		height: auto;
	}

	div,
	p {
		word-break: break-all;
	}

	.line-item2 {
		width: 100%;
		height: 20rpx;
		background: #F6F7FB;

	}
	.desc-cotent{
		width: 100%;
		padding: 15rpx 46rpx;
		box-sizing: border-box;
		word-break: break-all;
		min-height: 180rpx;
		font-size: 32rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #333333;
		line-height: 60rpx
	}

	.image-bg {
		width: 100%;
		height: 43vh;
		background-image: url();
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;

		.logo-image {
			width: 640rpx;
			height: 272rpx;
			transform: scale(1);
		}
	}

	.bottom-btn-box {
		width: 100%;
		position: fixed;
		bottom: 0;
		box-sizing: border-box;
		padding: 20rpx 48rpx;
		min-height: 128rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(236, 236, 236, 0.5);

		.submit-btn {
			width: 100%;
			height: 88rpx;
			background: #D0021B;
			border-radius: 44rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 34rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 48rpx;
			letter-spacing: 5rpx;
		}
	}

	.mar-rg16 {
		margin-right: 16rpx;
	}

	.text-zh {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.line-item {
		display: flex;
		align-items: center;
		min-height: 140rpx;
		background: #FFFFFF;
		border-bottom: 2rpx solid #F6F7FB;

		.title-date {
			flex: 1;
			margin-right: 34rpx;

			.title {
				font-size: 32rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #333333;
				line-height: 44rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				word-break: break-all;
			}

			.date {
				margin-top: 12rpx;
			}
		}

		.status-text {
			ont-size: 32rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #FF7100;
			line-height: 44rpx;
		}

	}

	#overlay,
	#myVideo {
		position: absolute;
		left: 50%;
		top: 50%;
		border-radius: 50%;
		border: 4rpx dashed red;
		transform: translate(-50%, -50%) rotateY(180deg);
	}

	#overlay {
		z-index: 10;
	}

	.top-bar {
		display: none;
	}

	.container {
		padding: 0 30rpx;
	}

	.container:after {
		display: block;
		flex-shrink: 1;
		width: 100%;
		content: '';
		height: 1rpx;
		clear: both;
	}

	.clamp {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	.clamp2 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}

	.uni-picker-container {
		.uni-picker-action {
			font-size: 16px;

			&.uni-picker-action-confirm {
				color: #e5231a;
			}
		}
	}

	.uni-tabbar__label {
		font-size: 12px !important;
	}

	.uni-tabbar__icon {
		width: 20px !important;
		height: 20px !important;
	}

	.u-hover-class,
	.u-opacity {
		opacity: 1;
	}

	.u-select__header {
		position: relative;
		height: 90rpx !important;
	}

	.u-select__header:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		height: 1px;
		clear: both;
		border-bottom: 1px solid #e5e5e5;
		color: #e5e5e5;
		transform-origin: 0 100%;
		transform: scaleY(0.5);
	}

	.pre {
		white-space: pre-line;
	}

	.btn {
		&.hairline-left {
			font-size: 32rpx;
			line-height: 100rpx;
			border-radius: 4rpx;
			background: none;

			&::after {
				display: none;
			}
		}
	}

	.u-content {
		font-size: 16px !important;
	}

	.uploader-example {
		margin: 40rpx auto;

		.uploader-btn {
			margin-right: 10rpx;
		}

		.uploader-list {
			max-height: 440rpx;
			overflow: auto;
			overflow-x: hidden;
			overflow-y: auto;
		}
	}

	.uni-modal {
		.uni-modal__textarea {
			padding: 40rpx 30rpx;
			width: 100%;
			font-size: 15px;
			line-height: 40rpx;
			background-color: #fff;
		}
	}

	.min-w {
		width: 96rpx;
		padding: 0 10rpx;

		text {
			float: right;
			white-space: nowrap;

			image {
				width: 60rpx;
			}
		}

		image {
			width: 40rpx;
			margin: 0 10rpx 0 auto;
		}
	}

	.min-x {
		text {
			float: right;
			margin-right: 20rpx;
			white-space: nowrap;
			font-size: 12px;

			image {
				margin: 0 auto;
				width: 44rpx;
			}
		}
	}

	.min-logo {
		display: flex;
		align-items: center;
		padding: 0 10rpx;
		font-size: 18px;
		font-weight: bold;
		text-indent: 30rpx;

		image {
			width: 56rpx;
			margin: 0 10rpx 0 auto;
		}
	}

	.btm-text {
		font-size: 14px;
		color: #333;
		line-height: 48rpx;
		text-align: center;

		text {
			color: #e5231a;
		}
	}

	.ttsAudio {
		position: fixed;
		z-index: -1;
	}

	.search_input {
		width: 100%;
		height: 88rpx;
		background-color: #fff;
		display: flex;
		align-items: center;
		top: 0;
		left: 0;
		padding: 0 30rpx;
		justify-content: space-around;

		view {
			height: 64rpx;
			line-height: 64rpx;
			background-color: #f5f5f5;
			border-radius: 16rpx;
			text-align: left;
			display: flex;
			align-items: center;
			flex: 1;
			justify-content: center;
		}

		input {
			font-size: 28rpx;
			width: 90%;
		}

		.cancel {
			margin-left: 20rpx;
		}
	}

	.em-unread-spot {
		width: 32rpx;
		height: 32rpx;
		background-color: red;
		position: relative;
		border-radius: 50%;
		left: 110rpx;
		top: 4rpx;
		color: #fff;
		font-size: 28rpx;
		text-align: center;
		line-height: 32rpx;
	}

	.em-unread-spot-litleFont {
		font-size: 16rpx;
	}

	.fiexd-btm {
		position: absolute;
		left: 30rpx;
		right: 30rpx;
		bottom: 100rpx;
		z-index: 250;
		font-size: 28rpx;
		color: #e5231a;
		text-align: center;

		.fiexd-line {
			margin-bottom: 20rpx;
			line-height: 40rpx;
		}
	}

	.fiexd-box {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 60rpx;

		.fiexd-line {
			margin: 0 90rpx;
			width: 1rpx;
			height: 90rpx;
			background-color: #e5e5e5;
		}

		.fiexd-item {
			font-size: 13px;
			color: #666;

			image {
				display: block;
				margin: 0 auto 14rpx;
				width: 80rpx;
				height: 80rpx;
			}
		}
	}

	.flex-box {
		display: flex;
		justify-content: space-between;

		.form-btn {
			margin: 0;
			width: 48%;
		}
	}

	.search-view {
		padding: 20rpx 30rpx;
		border-bottom: 2rpx solid $u-border-color;

		.search-filter {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.filter-btn {
			margin: 20rpx 0 0 0;
			width: 160rpx;

			&.u-btn--default {
				color: #666;
				border-color: #f9f8f6;
				background-color: #f9f8f6;

				&::after {
					border-color: #f9f8f6;
				}
			}
		}
	}

	.btm-tabs {
		display: block;
		border-bottom: 20rpx solid $u-border-color;
	}

	.type-tabs {
		display: block;
		padding: 12rpx 30rpx;
		border-bottom: 20rpx solid $u-border-color;
		background-color: #fff;

		.u-tab-item {
			margin-left: 20rpx;
			padding: 0 20rpx;
			background: #f8f8f8;
			border-radius: 12rpx;

			&:first-child {
				margin-left: 0;
			}
		}
	}

	.h2-row {
		margin: 0 -30rpx;
		padding: 30rpx 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 20rpx solid #f8f9fe;

		.h2-title {
			font-size: 17px;
			font-weight: bold;
			color: #e5231a;
			line-height: 48rpx;
		}

		.h2-col {
			display: flex;
			align-items: center;
			font-size: 14px;
			color: #666;
			line-height: 1;
		}
	}

	.h2-inner {
		margin-bottom: 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.h2-title {
			font-size: 21px;
			font-weight: bold;
			color: #333;
			line-height: 48rpx;
		}

		.h2-col {
			display: flex;
			align-items: center;
			font-size: 14px;
			color: #666;
		}
	}

	.plus-inner {
		padding: 30rpx;
		background-color: #fff;
	}

	.plus-box {
		margin-top: -18rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.plus-item {
			margin-top: 18rpx;
			width: 48%;
			height: 120rpx;
			font-size: 12px;
			color: #666;
			text-align: center;
			border-radius: 12rpx;
			background: #f7fbff;
			background-position: left 44rpx center;
			background-size: 36rpx 40rpx;
			background-repeat: no-repeat;

			.title {
				margin-top: 10rpx;
				font-weight: bold;
				font-size: 22px;
				color: #333;
				line-height: 58rpx;
			}
		}

		.bg92 {
			// background-image: url('~@/static/img/icon_92.png');
		}

		.bg93 {
			// background-image: url('~@/static/img/icon_93.png');
		}

		.bg94 {
			// background-image: url('~@/static/img/icon_94.png');
		}

		.bg95 {
			// background-image: url('~@/static/img/icon_95.png');
		}
	}
	.strcky-box{
		position: sticky;
		z-index: 999;
	}
	.info-box {
		margin-bottom: 30rpx;
		padding: 30rpx 0;
		background: orange;
		// background-color: #e5231a;
		background-color: #DF3B37;
		// background: linear-gradient(93deg, #DF3B37 0%, #C62727 100%);

		.sub-box {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			padding: 30rpx;
			color: #fff;
			font-size: 18px;
		}

		.sub-img {
			width: 140rpx;
			height: 140rpx;
			box-sizing: border-box;
			border-radius: 120rpx;
			border: 4rpx solid #fff;
			background-color: #fff;
		}

		.sub-node {
			margin-top: 10rpx;
			width: 100%;
			font-size: 13px;
			color: #fff;
			line-height: 44rpx;

			text {
				display: inline-block;
				vertical-align: top;
				padding: 0 20rpx;
				background-color: #c50001;
				border-radius: 22rpx;
			}
		}

		.sub-info {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			padding-left: 30rpx;

			.clamp {
				max-width: 320rpx;
			}

			image {
				flex-shrink: 0;
				margin: 0 18rpx 0 10rpx;
				width: 15px;
			}
		}

		.sub-msg {
			display: flex;
			margin-top: 40rpx;
			width: 100%;
			font-size: 13px;
			color: #fff;

			.msg-item {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				width: 100%;
				text-align: center;

				.item-top {
					display: flex;
					align-items: center;
				}

				.item-btm {
					width: 100%;
					font-size: 19px;
					font-weight: bold;
					line-height: 52rpx;
				}
			}
		}

		.info-time {
			display: inline-flex;
			flex-wrap: wrap;
			align-items: center;
			margin-bottom: 30rpx;
			padding: 0 20rpx;
			font-size: 15px;
			color: #fff;
			line-height: 60rpx;
			border-radius: 60rpx;
			vertical-align: top;
			background-color: #bd0506;

			image {
				flex-shrink: 0;
				margin: -2rpx 0 2rpx 10rpx;
				width: 30rpx;
			}
		}

		.info-title {
			margin: 20rpx 0 32rpx;
			font-size: 20px;
			color: #fff;
			line-height: 60rpx;
			word-break: break-all;

			text {
				display: flex;
				flex-wrap: wrap;
				font-size: 13px;
				opacity: 0.9;
			}

			.dept {
				padding: 10rpx 28rpx;
				line-height: 40rpx;
				// background: url('~@/static/img/icon_map2.png') no-repeat left center;
				background-size: 24rpx auto;
			}

			.timer {
				margin-left: 1em;
				display: inline-block;
			}
		}
	}

	.sched-box {
		/deep/ .u-time-axis-item {
			min-height: 88rpx;
		}
	}

	.banner {
		padding: 20rpx 0;
		min-height: 290rpx;

		image {
			width: 100%;
			height: 250rpx;
		}

		.map {
			width: 100%;
			height: 250rpx;
		}
	}

	.u-line {
		border-bottom: 20rpx solid $u-border-color;
	}

	.link-box {
		margin-bottom: 20rpx;
		display: block;
		padding: 40rpx 20rpx 0;
		background-color: #fff;

		image {
			margin: 0 auto 15rpx;
			display: block;
			width: 76rpx;
			height: 76rpx;
		}

		.link-item {
			padding-bottom: 40rpx;
			font-size: 14px;
			text-align: center;
		}
	}

	.pro-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 20rpx;
		padding: 30rpx;
		font-size: 17px;
		line-height: 60rpx;
		border-radius: 30rpx;
		background-color: #fff;

		.pro-col {
			display: flex;
			justify-content: space-between;
			width: 45%;

			text {
				color: #e5231a;
				word-break: keep-all;
			}
		}

		.pro-left {
			padding-right: 10px;
		}

		.pro-right {
			color: #333;
			flex: 1;
			width: 0;
		}

		.pro-block {
			display: block;
			width: 100%;
			font-size: 16px;
			color: #808080;
			line-height: 50rpx;

			image {
				margin-right: 10rpx;
				margin-top: 14rpx;
				float: left;
				width: 22rpx;
			}

			&.flex {
				width: 100%;
				display: flex;
				align-items: flex-start;
			}
		}

		.pro-file {
			color: #e5231a;
		}

		.pro-title {
			width: 100%;
			font-size: 17px;
			font-weight: bold;
			color: #000;

			text {
				margin-left: 20rpx;
				font-weight: normal;
			}
		}
	}

	.pro-row-plus {
		display: flex;
		flex-wrap: wrap;
		// justify-content: space-between;
		margin-bottom: 20rpx;
		padding: 30rpx;
		font-size: 14px;
		color: #666;
		line-height: 34rpx;
		border-top: 2rpx solid $u-border-color;
		background-color: #fff;

		.pro-col {
			width: 33.33%;
			text-align: center;

			.text {
				margin-bottom: 6rpx;
				display: block;
				font-size: 20px;
				line-height: 42rpx;
				font-weight: bold;
				color: #e5231a;
				word-break: keep-all;
			}
		}

		.pro-title {
			width: 100%;
			font-size: 17px;
			color: #000;
		}
	}

	.pro-inner {
		padding: 30rpx 30rpx 40rpx;
		font-size: 15px;
		line-height: 50rpx;
		background-color: #fff;

		.pro-title {
			position: relative;
			margin-bottom: 30rpx;
			padding-left: 20rpx;
			color: #333;
			font-weight: bold;

			&::before {
				position: absolute;
				left: 6rpx;
				top: 50%;
				margin-top: -16rpx;
				width: 6rpx;
				height: 30rpx;
				content: '';
				background-color: #e5231a;
			}
		}

		.pro-text {
			font-size: 13px;
			line-height: 48rpx;

			.pro-09f {
				margin: 0 0.25em;
				color: #e5231a;
			}
		}

		.pro-item {
			margin: 20rpx 0;
			display: flex;
			align-items: center;
			flex-wrap: nowrap;

			&:last-child {
				margin-bottom: 0;
			}

			text {
				min-width: 80rpx;
				padding-left: 10rpx;
				font-size: 14px;
				line-height: 28rpx;
				text-align: right;
				word-break: keep-all;
			}
		}
	}

	.filter-inner {
		display: flex;
		align-items: center;
		margin-bottom: 24rpx;
		font-size: 17px;
		line-height: 48rpx;

		.filter-btn {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 16rpx;
			width: 50%;
			border-radius: 20rpx;

			&:before {
				position: absolute;
				left: 0;
				top: 22rpx;
				width: 1rpx;
				height: 36rpx;
				content: '';
				background-color: #d8d8d8;
			}

			&:first-child:before {
				display: none;
			}

			image {
				width: 30rpx;
				height: auto;
			}

			image+image {
				width: 0;
				height: auto;
				margin-right: 10rpx;
			}

			&.active {
				color: #e5231a;
				// background-color: #fafbfc;

				image {
					width: 0;
				}

				image+image {
					width: 30rpx;
				}
			}
		}
	}

	.tab-nav {
		display: flex;
		padding: 0 30rpx;
		border-bottom: 20rpx solid $u-border-color;

		.nav-item {
			position: relative;
			width: calc(50% - 40rpx);
			font-size: 16px;
			line-height: 80rpx;
			color: #ccc;
			text-align: center;

			&:before {
				position: absolute;
				left: 0;
				top: 22rpx;
				width: 1rpx;
				height: 36rpx;
				content: '';
				background-color: #d8d8d8;
			}

			&:first-child:before {
				display: none;
			}

			&.active {
				color: #e5231a;
			}
		}

		.nav-item {
			width: 50%;
			text-align: center;
		}
	}

	.list-info_01 {
		padding: 34rpx 0 26rpx;
		border-bottom: 1rpx solid #f1f2f3;

		.info-title {
			margin-bottom: 8rpx;
			font-size: 17px;
			color: #333;
			line-height: 48rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-break: break-all;
		}

		.info-time {
			margin-left: 20rpx;
			padding: 1rpx 10rpx;
			font-size: 13px;
			color: #fff;
			border-radius: 6rpx;
			background-color: #e5231a;
		}

		.info-btm {
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 13px;
			line-height: 48rpx;

			.btm-left {
				color: #999;

				.left-name {
					margin-right: 20rpx;
				}
			}

			.btm-right {
				flex-shrink: 0;
				font-size: 13px;
				line-height: 44rpx;

				.right-type {
					padding: 0 20rpx;
					color: #e5231a;
					border: 2rpx solid;
					border-radius: 6rpx;
					text-decoration: none;
				}
			}
		}
	}

	.list-info_02 {
		padding: 34rpx 0;
		display: flex;
		width: 100%;
		border-bottom: 1rpx solid $u-border-color;
		align-items: center;

		.right {
			margin-left: 16rpx;
			// width: 236rpx;
			font-size: 16px;
			color: #e5231a;
			line-height: 44rpx;
			text-align: right;
			border-radius: 12rpx;
			// background-color: #e5231a;

			.image {
				width: 236rpx;
				height: 148rpx;
				border-radius: 12rpx;
				background-color: #e5231a;
			}
		}

		.left {
			flex: 1;
			width: 0;
		}

		.info-title {
			width: 100%;
			font-size: 17px;
			line-height: 48rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-break: break-all;
			color: #333;
		}

		.info-status {
			align-self: flex-end;
			flex-shrink: 0;
			margin-left: auto;
			padding: 0 20rpx;
			color: #e5231a;
			border: 2rpx solid;
			border-radius: 6rpx;
			text-decoration: none;
		}

		.info-btm {
			display: flex;
			align-items: center;
			color: #666;
			font-size: 13px;
			margin-top: 12rpx;
			line-height: 40rpx;

			.text {
				margin-left: 20rpx;
				padding: 1rpx 10rpx;
				font-size: 13px;
				color: #fff;
				border-radius: 6rpx;
				background-color: #e5231a;
			}

			.line {
				margin: 0 20rpx;
				padding: 0;
				width: 1rpx;
				height: 24rpx;
				border: 0;
				background-color: #666;
			}

			.status {
				align-self: flex-end;
				flex-shrink: 0;
				margin-left: auto;
				padding: 0 20rpx;
				color: #e5231a;
				border: 2rpx solid;
				border-radius: 6rpx;
				text-decoration: none;
			}
		}
	}

	.list-info_03 {
		position: relative;
		margin-bottom: 20rpx;
		padding: 34rpx 30rpx 38rpx 58rpx;
		box-shadow: 0 2rpx 14rpx 0 #e3e5f2;
		border-radius: 12rpx;
		background-color: #fff;

		.info-title {
			margin-bottom: 28rpx;
			font-size: 15px;
			font-weight: bold;
			line-height: 48rpx;
			color: #333;
		}

		.info-time {
			margin-left: 20rpx;
			padding: 1rpx 10rpx;
			font-size: 13px;
			color: #fff;
			border-radius: 6rpx;
			background-color: #e5231a;
		}

		.right-type {
			position: absolute;
			left: 22rpx;
			top: 40rpx;
		}

		.info-btm {
			display: flex;
			align-items: center;
			font-size: 14px;
			color: #666;
			line-height: 28rpx;

			.left-name {
				margin-right: 20rpx;
				padding-right: 20rpx;
				border-right: 1rpx solid #666;
			}
		}

		.del {
			margin-left: auto;
		}
	}

	.list-info_04 {
		position: relative;
		margin: 0 30rpx 22rpx;
		padding: 40rpx 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 12rpx;
		background-color: #fff;

		.info-img {
			margin-right: 18rpx;

			image {
				width: 78rpx;
				height: 78rpx;
			}
		}

		.right-type {
			padding: 0 20rpx;
			font-size: 14px;
			line-height: 48rpx;
			border: 2rpx solid;
			border-radius: 30rpx;
			text-decoration: none;
		}

		.info-btm {
			margin-right: auto;
			width: 380rpx;
			font-size: 13px;
			color: #666;
			line-height: 40rpx;

			.left-title {
				font-size: 17px;
			}
		}
	}

	.list-info_05 {
		position: relative;
		margin-bottom: 20rpx;
		padding: 34rpx 58rpx 38rpx 30rpx;
		box-shadow: 0 2rpx 14rpx 0 #e3e5f2;
		border-radius: 12rpx;
		background-color: #fff;

		.info-title {
			margin-bottom: 28rpx;
			font-size: 17px;
			line-height: 48rpx;
			color: #333;
		}

		.info-time {
			margin-left: 20rpx;
			padding: 1rpx 10rpx;
			font-size: 13px;
			color: #fff;
			border-radius: 6rpx;
			background-color: #e5231a;
		}

		.right-type {
			position: absolute;
			right: 22rpx;
			top: 40rpx;
			width: 22rpx;
			height: 22rpx;
			border-radius: 50%;
			background-color: #f74e10;
		}

		.info-btm {
			display: flex;
			align-items: center;
			font-size: 14px;
			color: #666;
			line-height: 28rpx;

			.line {
				margin: 0 20rpx;
				padding: 0;
				width: 1rpx;
				height: 24rpx;
				border: 0;
				background-color: #666;
			}
		}
	}

	.list-info_06 {
		display: flex;
		padding-bottom: 30rpx;
		background-color: #fff;

		&:first-child {
			padding-top: 30rpx;
		}

		.info-avatar {
			flex-shrink: 0;
			width: 84rpx;
			height: 84rpx;
			border-radius: 8rpx;

			image {
				width: 84rpx;
				height: 84rpx;
				border-radius: 8rpx;
			}
		}

		.info-inner {
			padding-left: 20rpx;
			flex-grow: 1;

			.user {
				margin-bottom: 6rpx;
				font-size: 17px;
				font-weight: bold;
				color: #5d86b6;
				line-height: 48rpx;
			}

			.content {
				margin-bottom: 20rpx;
				font-size: 17px;
				color: #333;
				line-height: 48rpx;
			}
		}

		.img-box {
			margin-bottom: 12rpx;
			display: flex;
			flex-wrap: wrap;

			image {
				margin: 0 8rpx 6rpx 0;
				width: 160rpx;
				height: 160rpx;
			}
		}

		.info-comment {
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 1000;
			justify-content: space-between;

			.inr {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				align-items: center;
				padding: 11px 30rpx;
				background-color: #fff;
			}
		}

		.info-btm {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 26rpx;
			font-size: 14px;
			color: #999;
			line-height: 40rpx;

			.btm-action {
				display: flex;

				.icon {
					margin-left: 10rpx;
				}
			}
		}

		.info-content {
			font-size: 15px;
			line-height: 42rpx;
			background: #f7f7f7;
			border-radius: 2px;

			.link {
				padding: 10rpx 20rpx;
				font-size: 15px;
				font-weight: bold;
				color: #5d86b6;
				line-height: 42rpx;

				&+.con {
					border-top: 2rpx solid #e0e0e0;
				}

				.icon {
					margin-right: 10rpx;
				}
			}

			.con {
				padding: 10rpx 20rpx;

				.sub-con {
					margin-top: 16rpx;
					word-break: break-all;

					.ttl {
						color: #5d86b6;
						font-weight: bold;
						word-break: break-all;
					}

					.txt {
						margin-left: 10rpx;
					}

					&:first-child {
						margin-top: 0;
					}
				}
			}
		}
	}

	.list-info_07 {
		display: flex;
		padding: 20rpx 0;
		border-bottom: 2rpx solid $u-border-color;

		.info-avatar {
			flex-shrink: 0;
			width: 56rpx;
			height: 56rpx;
			border-radius: 56rpx;

			.sub-img {
				width: 56rpx;
				height: 56rpx;
				border-radius: 56rpx;
			}
		}

		.info-inner {
			padding-left: 16rpx;
			flex-grow: 1;

			.user {
				margin-bottom: 12rpx;
				font-size: 14px;
				color: #999;
				line-height: 40rpx;
			}

			.name {
				margin-right: 20rpx;
				color: #ad8e77;
			}

			.phone {
				margin-right: 20rpx;
			}

			.info-btm {
				display: flex;
				align-items: center;
				margin-top: 10rpx;

				.time {
					margin-right: 10rpx;
					font-size: 14px;
					color: #999;
					line-height: 34rpx;
				}

				.comment {
					font-size: 14px;
					color: #333;
					line-height: 34rpx;
				}
			}

			.content {
				font-size: 16px;
				color: #333;
				line-height: 44rpx;
			}
		}

		.info-content {
			margin-top: 20rpx;
			font-size: 16px;
			color: #333;
			line-height: 48rpx;
			background-color: $u-bg-color;

			.con {
				padding: 20rpx;
				word-break: break-all;

				&+.con {
					padding-top: 0;
				}

				.ttl {
					color: #ad8e77;
				}

				.txt {
					margin-left: 16rpx;
				}

				.more {
					font-size: 12px;
					color: #e5231a;
					line-height: 34rpx;
				}
			}
		}
	}

	.list-info_08 {
		padding: 34rpx 0;
		display: flex;
		width: 100%;
		border-bottom: 1rpx solid $u-border-color;
		align-items: center;

		&:last-child {
			border-bottom: 0;
		}

		.right {
			margin-left: 20rpx;
			width: 236rpx;
			height: 148rpx;
			border-radius: 8rpx;

			image {
				display: block;
				width: 236rpx;
				height: 148rpx;
				border-radius: 8rpx;
			}
		}

		.left {
			flex: 1;
			width: 0;
		}

		.left-title {
			width: 100%;
			font-size: 17px;
			line-height: 48rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-break: break-all;
			color: #333;
		}

		.right-status {
			align-self: flex-end;
			flex-shrink: 0;
			margin-left: auto;
			padding: 0 20rpx;
			color: #e5231a;
			border: 2rpx solid;
			border-radius: 6rpx;
			text-decoration: none;
		}

		.left-btm {
			display: flex;
			align-items: center;
			color: #666;
			font-size: 13px;
			margin-top: 12rpx;
			line-height: 40rpx;

			text {
				margin-left: 20rpx;
				padding: 1rpx 10rpx;
				font-size: 13px;
				color: #fff;
				border-radius: 6rpx;
				background-color: #e5231a;
			}

			.line {
				margin: 0 20rpx;
				padding: 0;
				width: 1rpx;
				height: 24rpx;
				border: 0;
				background-color: #666;
			}

			.status {
				align-self: flex-end;
				flex-shrink: 0;
				margin-left: auto;
				padding: 0 20rpx;
				color: #e5231a;
				border: 2rpx solid;
				border-radius: 6rpx;
				text-decoration: none;
			}
		}
	}

	.list-info_09 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		text-align: center;

		.info-item {
			margin-top: 40rpx;
			width: 216rpx;
		}

		.info-img {
			margin-bottom: 30rpx;

			.image {
				width: 216rpx;
				height: 260rpx;
				border-radius: 10rpx;
			}
		}

		.info-title {
			margin-bottom: 20rpx;
			font-size: 16px;
			color: #333;
			line-height: 42rpx;
		}

		.info-type {
			margin: -8rpx 0 12rpx;
			font-size: 10px;
			color: #999;
			line-height: 32rpx;
		}
	}

	.detail-info {
		display: block;
		padding: 30rpx;

		.info-title {
			margin-bottom: 20rpx;
			font-size: 24px;
			line-height: 68rpx;
			word-break: break-all;
			color: #333;

			.title-btm {
				margin-top: 20rpx;
				font-size: 14px;
				color: #666;

				.btm-name {
					margin-right: 20rpx;
				}

				.btm-dept {
					margin-right: 20rpx;
				}

				.btm-time {
					margin-right: 20rpx;
				}

				.btm-type {
					display: block;
					text-align: right;
				}
			}
		}

		.info-detail {
			font-size: 17px;
			color: #444;
			line-height: 1.88;
			color: #333;

			.overflow {
				overflow: hidden;
				white-space: pre-line;
			}

			table {
				width: 100%;
				table-layout: fixed;
				border-collapse: collapse;
				border: 1px solid #c5d7bb;
			}

			table td {
				font-weight: bold;
				border: 1px solid #c5d7bb;
			}

			table p {
				margin: 0;
			}

			.p,
			.span {
				margin-top: 0;
				font-size: 17px;
				line-height: 1.88;
				text-indent: 0;
				white-space: normal;
			}

			.p {
				margin-bottom: 60rpx;
			}

			.info-line {
				height: 40rpx;
			}

			.info-h2 {
				display: none;
				margin: 20rpx -30rpx;
				padding: 0 30rpx;
				font-size: 14px;
				font-weight: bold;
				color: #e5231a;
				line-height: 88rpx;
				background-color: #f9fafc;
			}
		}

		.info-detail2 {
			width: 100%;
			font-size: 17px;
			color: #444;
			line-height: 64rpx;
			color: #333;

			.overflow {
				overflow: hidden;
				white-space: pre-line;
			}

			.p,
			.span {
				margin: 0;
				font-size: 17px;
				line-height: 60rpx;
				text-indent: 0;
				white-space: normal;
			}

			.p {
				margin-bottom: 60rpx;
			}

			.span,
			.font {
				display: inline;
			}

			.title {
				margin-bottom: 20rpx;
				font-size: 24px;
				line-height: 68rpx;
				word-break: break-all;
				color: #333;
				font-weight: normal;
				font-family: 'Microsoft YaHei', '微软雅黑', 'Arial', 'sans-serif';
			}

			image {
				display: none;
			}

			.info-line {
				height: 40rpx;
			}

			.info-h2 {
				margin: 20rpx -30rpx;
				padding: 0 30rpx;
				font-size: 14px;
				font-weight: bold;
				color: #e5231a;
				line-height: 88rpx;
				background-color: #f9fafc;
			}

			.date1 {
				margin: 20rpx 0;
				padding: 0;
				font-size: 14px;
				color: #666;
				font-weight: normal;
				white-space: normal;

				.span {
					font-size: 14px;
					padding-right: 15rpx;
				}
			}
		}
	}

	.round {
		border-radius: 50% !important;
		overflow: hidden;
	}

	.mainuser .u-checkbox__label {
		width: 100%;
	}

	.form-box-show {
		.u-form-item {
			&--left {
				color: #9b9b9b !important;
			}

			&--right {
				&__content {
					color: #333 !important;
				}
			}
		}
	}

	.meeting-info {
		padding: 30rpx;
		border-bottom: 20rpx solid $u-border-color;
		background-color: #fff;

		.info-title {
			font-size: 22px;
			color: #141414;
			line-height: 60rpx;
			word-break: break-all;

			.title-btm {
				margin-top: 26rpx;
				font-size: 14px;
				color: #666;
				line-height: 34rpx;

				.btm-time {
					margin-bottom: 8rpx;
					padding-left: 38rpx;
					// background: url(static/img/icon08.png) no-repeat left center;
					background-size: 28rpx 28rpx;
				}

				.btm-address {
					padding-left: 38rpx;
					// background: url(static/img/icon07.png) no-repeat left center;
					background-size: 28rpx 28rpx;
				}
			}
		}
	}

	.car-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 30rpx;

		.title {
			display: flex;
			align-items: center;
			padding: 21rpx 0;
			font-size: 17px;
			font-weight: bold;
			color: #000;
			line-height: 48rpx;
		}

		image {
			display: block;
			margin-right: 4rpx;
			width: 36rpx;
			height: 36rpx;
		}

		.btn {
			width: 142rpx;
			height: 60rpx;
			font-size: 14px;
			color: #fff;
			line-height: 60rpx;
			text-align: center;
			background: #e5231a;
			border-radius: 8rpx;
		}
	}

	.plan-block {
		margin-bottom: 20rpx;
		padding: 30rpx;
		border-radius: 12rpx;
		background-color: #fff;

		.left {
			display: flex;
			align-items: center;
			margin-bottom: 20rpx;
			font-size: 17px;
			font-weight: bold;
			color: #000;
			line-height: 48rpx;

			image {
				display: block;
				margin-right: 10rpx;
				width: 36rpx;
				height: 36rpx;
			}
		}

		.right {
			padding-left: 46rpx;
			font-size: 16px;
			color: #333;
		}
	}

	.file-list {
		padding: 30rpx;
		font-size: 16px;
		color: #444;
		line-height: 62rpx;
		border-top: 10rpx solid $u-border-color;

		.file-item {
			margin-top: 20rpx;
			padding: 10rpx 0 10rpx 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-shadow: 0px 1rpx 14rpx 0px rgba(201, 201, 201, 0.5);
			border-radius: 12rpx;
			background: #fff;

			&:first-child {
				margin-top: 0;
			}

			.file-type {
				margin-right: 16rpx;
				min-height: 100rpx;

				image {
					width: 84rpx;
					height: 100rpx;
				}
			}

			.file-name {
				width: 85%;
				color: #333;
				text-decoration: underline;
			}

			.file-time {
				display: block;
				font-size: 13px;
				color: #666;
				line-height: 34rpx;
			}

			button {
				margin-right: 0;
			}
		}

		.right-type {
			padding: 15rpx 20rpx;
			border: 0;
			font-size: 15px;
			color: #e5231a;
			word-break: keep-all;
			text-decoration: none;

			image {
				width: 15px;
			}
		}
	}

	.video-box {
		padding: 20rpx 30rpx;

		.new-video {
			width: 100%;
		}
	}

	.uploader-add {
		position: fixed;
		right: 40rpx;
		bottom: 40rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 80rpx;
		min-height: 80rpx;
		padding: 10rpx;
		z-index: 200;
		color: #fff;
		border-radius: 50%;
		text-align: center;
		background-color: #e5231a;

		image {
			width: 40rpx;
			height: 40rpx;
		}
	}

	.btn-add {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: 40rpx;
		bottom: 360rpx;
		width: 120rpx;
		height: 120rpx;
		z-index: 99;
		font-size: 14px;
		color: #fff;
		border-radius: 50%;
		background-color: #e10814;
	}

	.ocr-box {
		display: flex;
		padding: 20rpx 30rpx;
		font-size: 12px;
		color: #666;
		line-height: 34rpx;
		border-bottom: 20rpx solid $u-border-color;

		.ocr {
			margin-right: 20rpx;
			padding: 20rpx 10rpx;
			min-width: 140rpx;
			text-align: center;
			background: #f8f8f8;
		}

		image {
			margin: 0 auto 14rpx;
			width: 52rpx;
			height: 52rpx;
		}
	}

	.com-h2 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 30rpx;
		font-size: 17px;
		color: #333;
		line-height: 40rpx;
		background-color: #fff;

		.h2-title {
			position: relative;
			display: block;
			padding: 0 0 0 26rpx;
			font-weight: bold;
			// border-left: 8rpx solid #e5231a;

			&:before {
				position: absolute;
				left: 0;
				top: 5rpx;
				width: 8rpx;
				height: 30rpx;
				content: '';
				border-radius: 6px;
				background-color: #e5231a;
			}
		}

		.h2-col {
			font-size: 14px;
			color: #666;
			line-height: 1;
		}
	}

	.com-h3 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20rpx 30rpx;
		font-size: 17px;
		color: #333;
		line-height: 40rpx;
		background-color: #f6f7fb;

		.h3-title {
			position: relative;
			display: block;
			// padding: 0 0 0 26rpx;
			// font-weight: bold;
			// border-left: 8rpx solid #e5231a;
		}

		.h3-col {
			font-size: 14px;
			color: #666;
			line-height: 1;
		}
	}
</style>